@import "../../style/mixins/index.scss";
@import "../../style/theme/default.scss";

.at-list {
  /* prettier-ignore */
  @include border-thin-top($width: 1PX);

  position: relative;
  background-color: white;

  &::after {
    content: " ";
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: $color-border-lighter;

    /* prettier-ignore */
    height: 1PX;
  }

  &::before {
    content: " ";
    left: 0;
    width: $spacing-v-lg;
    z-index: 100;
    position: absolute;
    background-color: transparent;

    /* prettier-ignore */
    height: calc(100% - 1PX);
    top: 0;
  }

  &--no-border {
    border-top: none;

    &::after,
    &::before {
      content: initial;
    }
  }
}
